.colSection {
  float: left;
  text-align: center;
  font-size: 18px;
  width: 98%;
  .colMain {
    width: 90%;
    margin-left: 10px;
    // margin: 0 auto;
    background-color: green;
    color: #ccc;
  }
  .colText {
    width: 90%;
    height:30px;
    line-height:30px;
    margin-left: 10px; 
    // margin: 0 auto;
    text-align: center;
  }
}
.colLegend {
  height: 20px;
  line-height: 20px;
  clear: both;
  margin-bottom: 10px;
  .legendItem {
    float: left;
    margin-left: 10px;
    .itemRect {
      float: left;
      width: 40px;
      height: 20px;
    }
    .itemText {
      float: left;
      margin-left: 5px;
      font-size: 18px;
    }
  }
  .legendText {
    float: right;
    margin-right: 20px;
  }
}
// tab切换
.tab_echarts {
  clear: both;
  .tab_nav {
    .tab_nav_li {
      float:right;
      margin:0 3px;
      width: 85px;
      height: 27px;
      line-height: 27px;
      list-style: none;
      border: 1px solid transparent;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      text-align: center;
    }
    .tab_nav_li_unSelected {
      background: #e7e8eb;
    }
    .tab_nav_li_selected {
      border-color: #cbcccc;
      border-bottom-color: #fff;
      background: #fff;
    }
  }
}
// echarts 样式
.charts_full {
  width: 100%;
  height: 700px;
}